import React, { Component } from 'react';
import {
  StyleSheet,
  Text,
  View
} from 'react-native';


export default class App extends Component<{}> {

    constructor(){
        super();
        this.state = {
            foo:()=>{
                // 给后台发请求
                // 第一个参数是接口地址
                fetch('http://114.67.225.124/api/list.php', {
                    method: 'POST',//数据传输方式
                    headers: {//定义传输的数据类型
                        'Accept': 'application/json',
                        'Content-Type': 'application/json',
                    },
                    body: JSON.stringify({//指定要传输过去的数据
                        name: '张三',
                        age: '18',
                    })
                })
                    .then(x=>{
                        console.log(JSON.parse(x._bodyText)[0].title);
                    })
                // fetch end

            }
        }
    }


  render() {
    return (
      <View style={styles.container}>
            <Text style={styles.hd} onPress={this.state.foo}>点我发请求！</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
    hd:{
        width:'70%',
        height:200,
        backgroundColor:'green',
        color:'white',
        fontSize:40,
        textAlign:'center',
        lineHeight:200
    }
});
